﻿@model CanDichVu.Db.ThanhVien

@{
    ViewBag.Title = "Đăng nhập thành viên";
    AjaxOptions ajaxOpts = new AjaxOptions
    {
        HttpMethod = "post",
        OnComplete = "completedAjaxRequest"
        //OnBegin = "show_Loading",
    };
}


<div class="b-login">
    <div class="b-login-l">
        <span class="ttlogin">Bạn chưa có tài khoản ?Hãy đăng ký thành viên với chúng tôi<br>
            <br>
            <h2>Bạn sẽ có cơ hội trải nghiệm...</h2>
        </span>
        <ul class="aboutsv">
            <li>
                <img src="/Content/images/trans.gif" title="" alt="" class="imgsv sv1">
                <span class="info">
                    <h2>Quản lý và chăm sóc khách hàng</h2>
                    <p>
                        Nhiều phương thức để tìm kiếm khách hàng; chủ động tư vấn, tạo mối liên hệ và giới
                                thiệu sản phẩm.
                    </p>
                </span></li>
            <li>
                <img src="/Content/images/trans.gif" title="" alt="" class="imgsv sv2">
                <span class="info">
                    <h2>Quản lý sản phẩm dịch vụ của bạn</h2>
                    <p>
                        Giúp bạn dễ dàng quản lý sản phẩm dịch vụ của mình.
                    </p>
                </span></li>
            <li>
                <img src="/Content/images/trans.gif" title="" alt="" class="imgsv sv3">
                <span class="info">
                    <h2>Tăng lượt khách hàng cho bạn</h2>
                    <p>
                        Đăng tin nhanh, hiệu quả. Nhận được sự hỗ trợ của Candichvu.com để có hiệu quả tối ưu.
                    </p>
                </span></li>
            <li>
                <img src="/Content/images/trans.gif" title="" alt="" class="imgsv sv2">
                <span class="info">
                    <h2>Quản lý công việc</h2>
                    <p>
                        Giúp bạn quản lý công việc, nhắc việc hàng ngày.
                    </p>
                </span></li>
            <li>
                <img src="/Content/images/trans.gif" title="" alt="" class="imgsv sv4">
                <span class="info">
                    <h2>Và hơn thế nữa...</h2>
                </span></li>
            <li><b>Bạn chưa có tài khoản?</b><input type="submit" class="btnsubmit but_account" value="Đăng ký thành viên" onclick="window.location = '/dang-ky-thanh-vien'"></li>
        </ul>
    </div>
    <div class="b-login-r">

        <div class="formdangky">
            @using (Ajax.BeginForm("Login", "Account", null, ajaxOpts, new { enctype = "multipart/form-data", name = "frm_register", id = "frm_register" }))
            {
                <h2>Thông tin đăng nhập</h2>
       
                <ul class="formreg">
                    <li></li>
                    <li class="warning-area"></li>
                    <li>
                        <label class="left">Tên đăng nhập</label>
                        <span class="right">
                            @Html.TextBoxFor(model => model.UserName, new { name = "UserName", @placeholder = "Tên đăng nhập", value = "", style = "width: 86%;" })
                        </span>
                    </li>
                    <li>
                        <label class="left">Mật khẩu</label>
                        <span class="right">
                            @Html.PasswordFor(model => model.Pass, new { name = "Pass", @placeholder = "Mật khẩu", value = "", style = "width: 86%;" })
                        </span>
                    </li>
                     <li class="fone_num">
                        <div class="clear"></div>
                         <div class="right">
                            @Html.Partial("_Captcha", new CanDichVU.Models.Captcha())
                            @Html.Partial("_InvisibleCaptcha", new CanDichVU.Models.InvisibleCaptcha())
                         </div>
                    </li>
                    <li class="line"><span class="left">&nbsp;</span> <span class="right">
                        <input type="submit" onclick="return loadmaskloading();" style="border: 0;" class="btnsubmit" value="Đăng nhập" name=""></span>
                    </li>
                    <li>
                        <a href="javascript:void(0)">- Bạn quên mật khẩu ? Nhấp vào đây !</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">- Yêu cầu xem xét lại tài khoản bị khóa, "ban" </a>
                    </li>
                </ul>
            }
        </div>

    </div>
</div>

<script type="text/javascript" src="~/Scripts/fancybox/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="~/Scripts/fancybox/jquery.fancybox.css?v=2.1.5" media="screen" />
<link href="~/Scripts/jquery-loadmask/jquery.loadmask.css" rel="stylesheet" />
<link href="~/Scripts/jquery-capslock-detector/css/jquery.capsalerttipsy.css" rel="stylesheet" />
<script src="~/Scripts/jquery-capslock-detector/js/jquery.tipsy.js"></script>
<script src="~/Scripts/jquery-capslock-detector/js/jquery.jccapsalert.js"></script>
<script src="~/Scripts/jquery-loadmask/jquery.loadmask.js"></script>

<script type="text/javascript">

    function loadmaskloading() {
        $(".formdangky").mask("Dữ liệu đang xử lý...", 500);
    }

    $(document).ready(function () {
        jQuery("#Pass").CapsLockAlert();
    });

    function completedAjaxRequest(obj) {
        var returnObj = eval('(' + obj.responseText + ')');
        if (returnObj.Status == "success") {

            window.location.href = returnObj.RedirectUrl;

            } else {
                makeErrorHighlight(returnObj.Message);
                $(".formdangky").unmask();
            }
            return false;
        }

        function makeErrorHighlight(messageStr) {
            var $highlight = $("<div style='padding: 0.7em; margin-bottom:5px; width: inherit;'><p><span class='' style='float: left;'></span><strong>Lỗi: </strong>" + messageStr + "</p></div>");
            $highlight.addClass("ui-state-highlight ui-corner-all");
            $highlight.prependTo(".warning-area");
            $highlight.delay(4000).fadeOut(500);
        }

</script>
